<template>
  <div class="wrapper flex-h flex-ve flex-hsb">
    <div class="left-wrapper flex-v flex-hs">
      <span>余额</span>
      <span>12.50</span>
    </div>
    <button>提现</button>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.wrapper {
  background: #28acff;
  width: 750px;
  height: 260px;
}

.left-wrapper {
  margin: 0px 0px 30px 30px;
}
.left-wrapper > span:first-of-type {
  color: #fff;
  font-size: 14px; /*no*/
  line-height: 20px; /*no*/
}
.left-wrapper > span:nth-of-type(2) {
  color: #fff;
  font-size: 50px; /*no*/
  line-height: 70px; /*no*/
  margin-top: 12px;
}

button {
  width: 140px;
  height: 60px;
  color: #28acff;
  background: #fff;
  border: none;
  border-radius: 10px;
  margin: 0px 30px 50px 0px;
}
</style>
